<template>
	<div class="row">
		<div class="col-sm-12 text-center" id="home">
			<div class="backcolor">
				<h1>欢迎大家品尝披萨</h1>
				<h2>这里有你非常喜欢的披萨</h2>
				<button @click="" class="btn">点击此处开始</button>
			</div>
		</div>
	</div>
</template>

<script>
</script>

<style>
	#home{
		background:url(../assets/logo.png) no-repeat;
		background-size: cover;
		height: 85vh;
		padding: 10%;
		
	}
	h1,h2{
		margin: 6%;
		
	}
	.backcolor{
		background: #CCCCCC;
		opacity: .8;
		max-width: 70vw;
		margin: 0 auto;
		padding: 20px 0;
		border-radius: 10px;
	}
</style>
